<!doctype html>
<!--[if IE 8]> <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<title>Rising</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="shortcut icon" href="core/images/favicon.ico" />
<link rel="apple-touch-icon" href="core/images/apple-touch-icon.png" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="core/styles/default/default.css" />
<script src="core/js/libs/modernizr-2.0.6.min.js"></script>
<script src="core/js/libs/jquery-1.6.2.min.js"></script>
<script src="core/js/libs/jquery.easing.js"></script>
<script src="core/js/libs/jquery.color.js"></script>
<script src="core/js/fancybox/jquery.fancybox.pack.js"></script>
<script src="core/js/mylibs/layout.js"></script>
<script src="core/js/libs/head.min.js"></script>
<script src="core/js/libs/underscore-min.js"></script>
<script src="core/js/libs/underscore.string.js"></script>
<script src="core/js/mylibs/rising.js"></script>
<script src="core/js/main.js"></script>
<script src="core/js/mylibs/responsive.js"></script>
</head>
<body id="page">
<div id="wrap">

<!-- + -->

<header role="banner">
	<section id="site-logo"><a href="index.html"><img alt="Rising" src="core/images/logo.png" /></a></section>
	<section id="nav-wrap">
		<div class="bg"><span class="tip left"></span><span class="tip right"></span></div>
		<a class="button home" href="index.html"><span></span></a>
		<a class="button search"><span></span></a>
		<form role="search" action="index.html" method="get">
			<input type="text" name="s" value="Start Searching&hellip;" />
			<span class="button close"></span>
		</form>

		<nav role="navigation">
			<ul>
				<li>
					<a href="index.html">Home</a>
					<ul>
						<li><a href="../rising-default/index.html">Rising Light</a></li>
						<li><a href="../rising-dark/index.html">Rising Dark</a></li>
					</ul>
				</li>
				<li>
					<a href="home-default-slider.html">Sliders</a>
					<ul>
						<li><a href="home-default-slider.html">Default</a></li>
						<li><a href="home-nivo-fade.html">Nivo &ndash; Fade</a></li>
						<li><a href="home-nivo-random.html">Nivo &ndash; Random</a></li>
						<li><a href="home-accordion.html">Accordion</a></li>
						<li><a href="home-piecemaker.html">Piecemaker 2</a></li>
					</ul>
				</li>
				<li>
					<a href="portfolio-3n.html">Portfolio</a>
					<ul>
						<li><a href="portfolio-one.html">One Column</a></li>
						<li class="menu-parent">
							<a href="portfolio-3n.html">Normal Layout</a>
							<ul>
								<li><a href="portfolio-4n.html">Four Columns</a></li>
								<li><a href="portfolio-3n.html">Three Columns</a></li>
								<li><a href="portfolio-2n.html">Two Columns</a></li>
							</ul>
						</li>
						<li class="menu-parent">
							<a href="portfolio-3s.html">Special Layout</a>
							<ul>
								<li><a href="portfolio-4s.html">Four Columns</a></li>
								<li><a href="portfolio-3s.html">Three Columns</a></li>
								<li><a href="portfolio-2s.html">Two Columns</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li>
					<a href="blog-content-left.html">Blog</a>
					<ul>
						<li class="menu-parent">
							<a href="single-normal.html">Single Post</a>
							<ul>
								<li><a href="single-normal.html">Normal</a></li>
								<li><a href="single-fullwidth.html">Full Width</a></li>
							</ul>

						</li>
						<li><a href="blog-content-left.html">Content Left</a></li>
						<li><a href="blog-content-right.html">Content Right</a></li>
					</ul>
				</li>
				<li><a href="shortcodes.html">Shortcodes</a></li>
				<li class="current-menu-item"><a href="contact.html">Contact</a></li>
			</ul>
		</nav>
	</section><!-- navigation -->
</header><!-- header -->

<!-- + -->

<div id="content" role="main">

<hgroup id="page-title">
	<h1>Contact Us</h1>
	<h2>We want to hear from you&hellip; Get in touch!</h2>
</hgroup><!-- page-title -->

<div id="content-wrap" class="clearfix">
<div id="main" data-align="left">

	<div class="post page">
		<div class="content excerpt">
			<p>The Bauhaus was a school whose approach to design and the combination of fine art and arts and crafts proved to be a major
			influence on the development of graphic design as well as much of 20th century modern art. </p>

			<h3 class="section-heading">Leave us a Message</h3><hr class="sep" />

<script type="text/javascript" src="core/js/libs/jquery.validate.pack.js"></script>
<script type="text/javascript" src="core/js/libs/jquery.form.js"></script>
<script>
Rising.onLoad(function() {
	var sending = false,
		sent_message = false;

	$('#contact-form').each(function() {
		var _this = this;
		this.data = {};
		this.data.self = $(this);
		this.data.fields = {};
		this.data.labels = {};
		this.data.notification = this.data.self.find('.notification');
		_.each(['name','email','subject'], function(name) {
			_this.data.fields[name] = _this.data.self.find(_.sprintf('input[name=%s]', name));
			_this.data.labels[name] = _this.data.fields[name].val();
		});
	}).validate({
		errorPlacement: function() {},
		highlight: function(element) { $(element).addClass('invalid'); },
		unhighlight: function(element) { $(element).removeClass('invalid'); },
		submitHandler: function(form) {

			if (sending) return false;
			if ( sent_message ) { alert('Your message is on the way, Thanks!'); return false; }

			var field, valid = true;
			with (form.data) {
				_.each(fields, function(field, name) {
					if ( $.trim(field.val()) == labels[name] ) { valid = false; field.addClass('invalid'); } else { field.removeClass('invalid'); }
				});
			}

			if (valid) {
				sending = true;
				form.data.self.ajaxSubmit({
					error: function() {
						form.data.notification.find('span:first-child').html('Unable to send message (Unknown server error)');
						form.data.notification.fadeIn(500);
					},
					success: function(res) {
						sending = false;
						if (/*res == 'success'*/ true) {
							sent_message = true;
							form.data.notification.find('span:first-child').html('Your message has been sent!');
							form.data.notification.fadeIn(500);
						} else {
							form.data.notification.find('span:first-child').html('Unable to send message (Unknown server error)');
							form.data.notification.fadeIn(500);
						}

					}
				});
			}
			return false;
		}

	});
});
</script>

			<form class="special validate" action="contact.html" method="post" id="contact-form">
				<p><input type="text" id="name" name="name" value="Name" class="required" /><label for="name">Required</label></p>
				<p><input type="text" id="email" name="email" value="Email" class="required email" /><label for="email">Required</label></p>
				<p><input type="text" id="subject" name="subject" value="Subject" class="required" /><label for="subject">Required</label></p>
				<p><textarea name="message" class="required"></textarea></p>
				<p class="notification" style="display: none;"><span></span> <span class="close" data-action="dismiss"></span></p>
				<p><input type="submit" value="Send Message" /></p>
			</form><!-- commentform -->

		</div><!-- .content -->
	</div><!-- .post -->

</div><!-- main -->

<!-- + -->

<div id="secondary">

	<aside class="widget widget_search">
		<form class="special">
			<p><input type="text" name="s" value="Start Searching&hellip;" /></p>
		</form><!-- .special -->
	</aside><!-- .widget -->

	<aside class="widget widget_recent_entries">
		<h2 class="title"><span>Recent Posts</span></h2>
		<ul>
			<li><a href="#permalink">The Perfect Team</a></li>
			<li><a href="#permalink">Another Story Begins</a></li>
			<li><a href="#permalink">Up in the Sky</a></li>
		</ul>
	</aside><!-- .widget -->

	<aside class="widget widget_recent_comments">
		<h2 class="title"><span>Recent Comments</span></h2>
		<ul>
			<li><a href="#">Mary Jane</a> on <a href="#">A Perfect Team</a></li>
			<li><a href="#">John Doe</a> on <a href="#">Another Story Begins</a></li>
		</ul>
	</aside><!-- .widget -->

	<aside class="widget">
		<h2 class="title"><span>Categories</span></h2>
		<ul>
			<li><a href="#">Staff Picks</a> (3)</li>
			<li><a href="#">Hot Topics</a> (1)</li>
			<li><a href="#">World News</a> (4)</li>
		</ul>
	</aside><!-- .widget -->

	<aside class="widget widget_flickr">
		<h2 class="title"><span>Flickr Gallery</span></h2>
		<div class="flickr-gallery clearfix">
			<div class="flickr_badge_image" id="flickr_badge_image1"><a href="#"><img alt="" src="core/images/content/flickr-1.jpg" height="75" width="75"></a></div>
			<div class="flickr_badge_image" id="flickr_badge_image2"><a href="#"><img alt="" src="core/images/content/flickr-2.jpg" height="75" width="75"></a></div>
			<div class="flickr_badge_image" id="flickr_badge_image3"><a href="#"><img alt="" src="core/images/content/flickr-3.jpg" height="75" width="75"></a></div>
			<div class="flickr_badge_image" id="flickr_badge_image4"><a href="#"><img alt="" src="core/images/content/flickr-4.jpg" height="75" width="75"></a></div>
			<div class="flickr_badge_image" id="flickr_badge_image5"><a href="#"><img alt="" src="core/images/content/flickr-5.jpg" height="75" width="75"></a></div>
			<div class="flickr_badge_image" id="flickr_badge_image6"><a href="#"><img alt="" src="core/images/content/flickr-6.jpg" height="75" width="75"></a></div>
		</div><!-- .flickr-gallery -->
	</aside><!-- .widget -->

	<aside class="widget widget_portfolio">
		<h2 class="title"><span>Latest Work</span></h2>
		<article>
			<div class="frame">
				<img alt="Waiting for his Destiny" width="247" height="145" src="core/images/content/portf-widget-1.jpg" />
				<a data-lightbox="image" class="plus" href="core/images/content/lightbox.jpg"></a>
			</div>
			<hgroup>
				<h2 class="post-title"><a href="#permalink">Waiting for his Destiny</a></h2>
				<h3>A Masterpiece, you can’t miss</h3>
			</hgroup>
		</article>
	</aside><!-- .widget -->

<!--	<aside class="widget widget_video">
		<h2 class="title"><span>Video Widget</span></h2>
		<article>
				<iframe class="frame nohover"src="http://player.vimeo.com/video/22884674" width="247" height="145" frameborder="0"></iframe>
		</article>
	</aside>-->
</div><!-- .secondary -->

<div class="sbg"></div>
</div><!-- content-wrap -->

</div><!-- content -->

<!-- + -->

<footer role="contentinfo">
	<div class="column-grid cols-4 clearfix">
		<div class="entry column">

			<aside class="widget">
				<h2 class="title"><span>About Rising</span></h2>
				<p>Suprematism found its base in the application of the fundamental geometric forms, particularly the square and the circle.</p>
				<p>It originated in 1915 in Russia, established by Kazimir Malevich.</p>
			</aside><!-- .widget -->

		</div><!-- .column -->

		<div class="entry column">

			<aside class="widget twitter_widget">
				<h2 class="title"><span>Latest From Twitter</span></h2>
				<ul class="nostyle">
					<li><a href="#profile">@johndoe</a> The style developed as Russia was in a revolutionary state <small><a href="#status">3 minutes ago</a></small></li>
					<li>The most identified work is part of  Malevich's White on White <small><a href="#status">2 hours ago</a></small></li>
				</ul>
				<a class="follow" href="#follow">Follow on Twitter</a>
			</aside><!-- .widget -->

		</div><!-- .column -->

		<div class="clear" style="display: none;"></div><!-- mobile -->

		<div class="entry column">

			<aside class="widget widget_recent_entries">
				<h2 class="title"><span>Recent Posts</span></h2>
				<ul>
					<li><a href="#">A Perfect Team</a></li>
					<li><a href="#">Another Story Begins</a></li>
					<li><a href="#">Up in the Sky</a></li>
				</ul>
			</aside><!-- .widget -->

			<aside class="widget widget_recent_comments">
				<h2 class="title"><span>Recent Comments</span></h2>
				<ul>
					<li><a href="#">Mary Jane</a> on <a href="#">A Perfect Team</a></li>
					<li><a href="#">John Doe</a> on <a href="#">Another Story Begins</a></li>
				</ul>
			</aside><!-- .widget -->

		</div><!-- .column -->

		<div class="entry column last">

			<aside class="widget">
				<div style="text-align: center;"><img alt="Rising" src="core/images/content/footer-logo.png" /></div>
			</aside><!-- .widget -->

		</div><!-- .column -->
	</div>
	<div class="ftr-bottom">
		<small>
			&copy;2011 <a href="#rising">Rising</a>. &nbsp; An <abbr title="HyperText Markup Language">HTML5</abbr> &amp;
			<abbr title="Cascading Stylesheets">CSS3</abbr> theme by <a href="http://der-design.com">der</a>.
		</small>
		<ul class="social-icons">
			<li><a title="Twitter" href="#twitter"><img alt="twitter" src="core/images/social/twitter.png" /></a></li>
			<li><a title="Facebook" href="#facebook"><img alt="facebook" src="core/images/social/facebook.png" /></a></li>
			<li><a title="Vimeo" href="#vimeo"><img alt="vimeo" src="core/images/social/vimeo.png" /></a></li>
			<li><a title="Apple" href="#apple"><img alt="apple" src="core/images/social/apple.png" /></a></li>
		</ul>
	</div>
</footer><!-- footer -->

</div><!-- wrap -->

<script>
Rising.theme = 'default';
Rising.colors = {
	postTitleHover: '#EB5426',
	footerLinkHover: '#FF973F',
	frameHover: '#EA7716',
	lightboxBg: '#F7F7F7',
	sourceCodeBg: '#FCFCFC'
};
</script>

<!-- Analytics -->
</body>
</html>